// 引入当前的less
require('../less/my.less')

// 页面加载完成
document.ready(() => {

    // 调用底部导航栏函数,添加到页面底部
    window.$utils.footerNavBar('my')

    // 获取dom
    let logOutBtn = document.querySelector('#logOutBtn')//退出登录
    let headImg = document.querySelector('#headImg')//头像
    let upload = document.querySelector('#upload')//上传文件
    let myInfo = document.querySelector('#myInfo')//个人资料修改
    let nickName = document.querySelector('#nickName') //昵称
    let signature = document.querySelector('#signature') //签名  
    let personalNum = document.querySelector('#personalNum') //动态条数
    let totalNum = document.querySelector('#totalNum') //总分钟
    let consumeNum = document.querySelector('#consumeNum') //千卡  
    let toMySportsData = document.querySelector('#toMySportsData') //运动数据  
    let toMyBadge = document.querySelector('#toMyBadge') //我的徽章 


    // 从本地存储中获取当前用户的信息
    let userId = JSON.parse(localStorage.getItem("user")).userId
    console.log(userId);


    // 点击头像，更换头像
    headImg.addEventListener('click', function () {
        upload.click()
    })

    // 给upload添加事件
    upload.addEventListener('change', function () {
        // 获取选中的文件信息
        let file = this.files[0]
        // 准备FormData对象
        var fd = new FormData()
        fd.append('imgurl', file)
        // 发送ajax请求
        axios.post(window.$utils.BASE_URL + '/users/upload', fd)
            .then((result) => {
                let res = result.data
                console.log(res);
                // 判断
                if (res.status === 0) {
                    // 在页面上显示修改后的头像
                    headImg.src = window.$utils.BASE_URL + res.data
                    // console.log(res.data);
                    // 发送ajax请求，修改服务器中的资料
                    axios.post(window.$utils.BASE_URL + "/users/userEdit",
                        {
                            "userId": userId,
                            "imgurl": res.data
                        })
                        .then((result) => {
                            let res = result.data
                            if (res.status === 0) {
                                // 修改头像成功
                                window.$utils.showToast('icon-hhh', '修改成功')
                            } else {
                                // 修改头像失败
                                window.$utils.showToast('icon-ku', '修改失败')
                            }
                        })
                        .catch((error) => {
                            console.log(error);
                        })
                    // 上传头像成功
                    window.$utils.showToast('icon-hhh', '上传成功')
                    // 刷新页面
                    window.history.go(0)
                } else {
                    // 上传头像失败
                    window.$utils.showToast('icon-ku', '上传失败')
                }
            })
            .catch((error) => {
                console.log(error);
            })
    })

    // 浏览器加载调用函数
    getUserMsg()
    
    // 获取用户的信息
    function getUserMsg(){
        // 发送ajax请求
        axios.get(window.$utils.BASE_URL + '/users/mysportsBadge?userId=' + userId)
             .then((result)=>{
                 let res = result.data
                //   console.log(res);
                 let rstUser = result.data.data.user
                 let rstSports = result.data.data.sports
                 let rstData = result.data.data
                  console.log(rstUser);
                 /*console.log(rstSports);
                 console.log(rstData); */
                if(res.status === 0){
                    //保存到本地存储
                    window.localStorage.setItem("user", JSON.stringify(rstUser));
                    // 调用函数
                    render1(rstUser)
                    render2(rstData)
                    render3(rstSports)
                }else{
                    // 获取用户信息失败
                    window.$utils.showToast('icon-ku', '获取用户信息失败')
                }
             })
             .catch((error)=>{
                 console.log(error);
             })
    }

    /* 渲染数据 */
    function render1(data) {
        // 头像
        headImg.src = data.imgurl ? window.$utils.BASE_URL + data.imgurl : require("../img/headerPic.jpg");
        // 昵称
        nickName.textContent = data.nickname
        // 签名
        signature.textContent = data.sign ? data.sign : '这个人很懒，什么都没留下'
    }

    /* 渲染数据 */
    function render2(data) {
         // 个人动态条数
         personalNum.textContent = data.dynamicCount
    }

    /* 渲染数据 */
    function render3(data) {
       // 总分钟
       totalNum.textContent = Math.floor(data.times)
        // 千卡
        consumeNum.textContent = Math.floor(data.calorie)
    }


    // 点击myInfo，添加事件
    myInfo.addEventListener('click', function () {
        // 跳转到个人信息修改页面
        location.href = 'personalInfo.html'
    })

    // 点击logOutBtn添加事件
    logOutBtn.addEventListener('click', function () {
        // 跳转到注册页面
        location.href = 'register.html'
    })

    // 点nextPage 运动数据跳转下一页按钮 添加事件
    toMySportsData.addEventListener('click',function(){
        // 跳转页面
        location.href = 'mySportsData.html'
    })

// 点toMyBadge 我的徽章跳转下一页按钮 添加事件
toMyBadge.addEventListener('click',function(){
    // 跳转页面
    location.href = 'myBadge.html'
})


})